{include file="public/head"/}
{include file="public/left"/}
<div class="main-content">
<div class="main-content-inner">
{include file="public/plug_head"/}

<form class="form-horizontal" method="post" id="form"  action="{:url('addHandle')}">
    <input type="hidden" name="type" value="{$type}">
    <input type="hidden" name="lid" value="{$lid}">
	<div class="row" style="margin:15px 0 0 0">
		<div class="col-xs-12 col-sm-12 col-md-4" id="myleft">
			<div class="panel panel-default">
		  		<div class="panel-heading">添加友情链接</div>
				<div class="panel-body" style="position:relative">
		            <div class="form-group">
		                <label class="col-sm-2 control-label no-padding-right"> 链接分类 </label>
		                <div class="col-sm-10">
		                    <select class="form-control" id="category" name="category">
		                        <option value="1">普通链接</option>
		                        <option value="2">合作伙伴</option>
		                    </select>
		                </div>
		            </div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right"> 链接名称 </label>
						<div class="col-sm-10">
							<input type="text" name="title" placeholder="事例：百度知道" class="col-sm-12" id="title"/>
						</div>
					</div>
		            <div class="form-group">
		                <label class="col-sm-2 control-label no-padding-right"> 链接地址 </label>
		                <div class="col-sm-10">
		                    <input type="text" name="url" placeholder="格式：http://www.baidu.com" class="col-sm-12" id="url"/>
		                </div>
		            </div>
		            <div class="form-group">
		                <label class="col-sm-2 control-label no-padding-right"> 链接排序 </label>
		                <div class="col-sm-10">
		                    <input type="text" name="rank" placeholder="值越小越靠前" class="col-sm-12" id="text"/>
		                </div>
		            </div>
		            <div class="form-group">
		                <label class="col-sm-2 control-label no-padding-right"> 链接状态 </label>
		                <div class="col-sm-10">
		                    <div class="checkbox">
		                        <label style="padding:0 10px">
		                            <input name="status" type="radio" class="ace" value="1" checked>
		                            <span class="lbl"> 正常显示 </span>
		                        </label>
		                        <label style="padding:0 10px">
		                            <input name="status" type="radio" class="ace" value="0">
		                            <span class="lbl"> 过期隐藏 </span>
		                        </label>
		                    </div>
		                </div>
		            </div>
		            <div class="form-group">
		                <label class="col-sm-2 control-label no-padding-right"> 链接类型 </label>
		                <div class="col-sm-10">
		                    <div class="checkbox">
		                        <label style="padding:0 10px">
		                            <input name="linktype" type="radio" class="ace" value="t" checked id="wbtype">
		                            <span class="lbl"> 文本类型 </span>
		                        </label>
		                        <label style="padding:0 10px">
		                            <input name="linktype" type="radio" class="ace" value="p" id="tptype">
		                            <span class="lbl"> 图片类型 </span>
		                        </label>
		                    </div>
		                </div>
		            </div>
		            <div class="form-group hidden"  id="litpicdiv">
		                <label class="col-sm-2 control-label no-padding-right lh100"> 缩 &nbsp;略 &nbsp;图 </label>
		                <div class="col-sm-9">
		                    <input type="text" name="litpic" class="col-xs-10 col-sm-10" />
		                    <a class="upbutton btn btn-primary" id="litpic_btn">选择</a>
		                </div>
		            </div>
				</div>
				<div class="panel-footer text-center">
					<button class="ky_btn btn_blue" type="submit" style="padding:10px 25px">
				        <i class="ace-icon fa fa-check bigger-110"></i>保存
				    </button>
				</div>
			</div>
		</div>
	</div>    
</form>
</div>
</div>
{include file="public/foot"/}


<script type="text/javascript">
    $('#tptype').click(function(){
        $('#litpicdiv').removeClass('hidden');
    });
    $('#wbtype').click(function(){
        $('#litpicdiv').addClass('hidden');
    });

    $('#form').ajaxForm({
        beforeSubmit : check,
        success : complete,
        dataType : 'json'
    });
    function check(){
        if($('#title').val()==''){
            layer.tips('标题不能为空','#title');
            return false;
        }
        if($('#url').val()==''){
            layer.tips('链接必填','#url');
            return false;
        }
        if($('#tptype').is(':checked')){
            if($('#litpic_input').val()==''){
                layer.tips('请上传链接图标','#litpic_input');
                return false;
            }
        }
    }
    function complete(data){
        if(data.status==1){
            layer.msg(data.msg,{icon:6},function(){
                window.location.href=data.url;
            });
        }else{
            layer.msg(data.msg,{icon:1},function(){
                window.location.href=data.url;
            });
        }
    }

</script>
